<script setup lang="ts">
import { message } from '@/vivid-ui/utils/message';
import DisplayComponent from '@/layouts/DisplayComponent.vue';
const rawHtml = `
<script setup lang="ts">
import { message } from '@/vivid-ui/utils/message';
<\/script>
<template>
  <vi-button type="info" @click="message('这是一条消息', 'info', 4000)">Info</vi-button>
  <vi-button type="error" @click="message('这是一个错误', 'error', 4000)">Error</vi-button>
  <vi-button type="warning" @click="message('这是一个警告', 'warning', 4000)">Warning</vi-button>
  <vi-button type="success" @click="message('这是一个成功', 'success', 4000)">Success</vi-button>
</template>
`;
</script>
<template>
  <DisplayComponent :rawHtml="rawHtml">
    <vi-button type="info" @click="message('这是一条消息', 'info', 4000)">Info</vi-button>
    <vi-button type="error" @click="message('这是一个错误', 'error', 4000)">Error</vi-button>
    <vi-button type="warning" @click="message('这是一个警告', 'warning', 4000)">Warning</vi-button>
    <vi-button type="success" @click="message('这是一个成功', 'success', 4000)">Success</vi-button>
  </DisplayComponent>
</template>
